<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>VQ3信息综合平台</title>
    <link rel="Shortcut Icon" href="/static/Img/PageImg/Canva_small_pageIcon.png" sizes="36*36">
    <script type="text/javascript" src="/static/Js/jQuery-3.5.1.js"></script>
    <script type="text/javascript" src="/static/Js/bootstrap/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/static/Css/CommonStyles.css">
    <script type="text/javascript" src="/static/Js/GetUserParam.js"></script>

    <link rel="stylesheet" href="/static/Css/bootstrap.min.css">
    <style>
        .one{
            position: absolute;
            width: 60em;
            height: 11em;
            text-align: center;
            padding: 15px;
            margin-top: 10px;
            margin-left: 50%;

            transform: translate(-50%);
            background-color: rgba(255,255,255,.5);
            border: white 1px solid;
        }
        .two{
            position: absolute;
            width: 60em;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
        .cardText {
            background-color: white;
            margin-top: 1px;
            padding-right: 5px;
            padding-left: 5px;
            border: 1px gray solid;

            box-shadow: 0 3px 3px gray;
            border-radius: 25px;
        }
        .cardImg{
            margin-bottom: 5px;
            box-shadow: 0 3px 3px gray;
            border: 4px white solid;

        }
    </style>
</head>
<body  id="bg_body" onload="submit()">
<div id="header"></div>

        <div class="one itemName" style="position: absolute" id="one">
            <span class="two" id="two">
                    <!--根据数据库自动布局-->
            </span>

        </div>
<!-- Modal -->
<div class="modal fade" id="exampleModal02" tabindex="-1" aria-labelledby="exampleModalLabel02" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel02">提示</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" style="text-align: center" id="is_null_modal">
            当前账号未通过本系统的认证！您将无法获取除首页外的任何资源！现在去<a href="/templates/SysAuthentication.html">认证</a>

            </div>
            <div class="modal-footer">
                <button type="button" style="width: auto;" onclick="modalClose()" class="btn btn-primary">暂不认证</button>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="../static/Js/Index.js"></script>
<script>
    /**有时间把标签后的事件改为事件监听！有隐患！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
     * ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
     * ！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
     * */
    function modalClose() {
        $("#exampleModal02").modal("hide");
    }
    $(function () {
        let user = GetUserParam()
        if (user.data.sysAuthentication === "NO") {
            $("#exampleModal02").modal("show");

        }

    })
    function getPageUrl() {
        return window.location.pathname
    }
    $.get('templates/HeadPage.html',function(data){
        $("#header").html(data)
    })
    $.get("templates/Toasts.html",function (data){
        $("#ToastsPage").html(data)
    })


</script>
</body>
</html>